<script setup lang="ts">
import ExcelToJONSUploader from "@/components/ExcelToJONSUploader/Index.vue";
import { ref } from "vue";

defineOptions({
  name: "ImportExcel",
});

const uploadedFile = ref<File | null>(null);
function handleUploaded(file: File | null) {
  uploadedFile.value = file;
  console.log("uploaded file:", file);
}
</script>

<template>
  <div class="import-excel-page">
    <h2>2025技能大赛参赛人员比赛信息Excel上传</h2>
    <ExcelToJONSUploader @uploaded="handleUploaded" />
  </div>
</template>

<style scoped>
.import-excel-page {
  padding: 16px;
}
h2 {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
</style>
